<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./css/index.css">
<script src="./js/index.js"></script>
<script src="./js/method.js"></script>

<body>
    <div id="box">
        <h3>来，说说你在做什么，想什么</h3>
        <input type="text" name="" id="user">
        <div id="img">
            <img src="./images/face1.gif" alt="" class="hover">
            <img src="./images/face2.gif" alt="">
            <img src="./images/face3.gif" alt="">
            <img src="./images/face4.gif" alt="">
            <img src="./images/face5.gif" alt="">
            <img src="./images/face6.gif" alt="">
            <img src="./images/face7.gif" alt="">
            <img src="./images/face8.gif" alt="">
        </div>
        <textarea name="" id="input" cols="62" rows="10" maxlength="140"></textarea>
        <div id="button">
            <div id="btn" title="快捷键 Ctrl+Enter"></div>
            <p>还能输入<span></span>个字</p>
        </div>
        <div id="line">
            <div id="talk">大家在说</div>
        </div>
        <div id="txt">
            <ul id="ul">
                <li style="opacity:1">
                    <img src="./images/face.gif" alt="">
                    <div class="text">
                        <a href="javascript:;" class="user">日、久生情</a><span class="colon">:</span>
                        <span class="txt">测试</span>
                        <span class="date">09月30日09：42</span>
                    </div>
                    <div class="clear"></div>
                </li>
                <li style="opacity:1">
                    <img src="./images/face.gif" alt="">
                    <div class="text">
                        <a href="" class="user">日、久生情</a><span class="colon">:</span>
                        <span class="txt">测试</span>
                        <span class="date">09月30日09：42</span>
                    </div>
                </li>
                <li style="opacity:1">
                    <img src="./images/face.gif" alt="">
                    <div class="text">
                        <a href="" class="user">日、久生情</a><span class="colon">:</span>
                        <span class="txt">测试</span>
                        <span class="date">09月30日09：42</span>
                    </div>
                </li>
                <li style="opacity:1">
                    <img src="./images/face.gif" alt="">
                    <div class="text">
                        <a href="" class="user">日、久生情</a><span class="colon">:</span>
                        <span class="txt">测试</span>
                        <span class="date">09月30日09：42</span>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</body>

</html>